<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>咨询师详细</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
		<style>
			* {
				border: 0px;
				padding: 0px;
				margin: 0px;
				font-family: "微软雅黑";
			}
		
		</style>
	</head>

	<body>
		<!--
        	作者：xuzhao_deng@sina.com
        	时间：2016-12-08
        	描述：咨询详细
        -->
		<div class="mui-content" style="height: 100%; background-color: white;">
			<div style="width: 100%; height: 40%;">
				<img style="width: 100%; height: 180px; background-color: #00A8C6;" />
				<div style="margin-top: -30px; margin-left: 10px;">
					<div>
						<img id="imgzjIcon" height="90" width="90" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;" />
					</div>
					<div style="margin-left: 28%; margin-top: -45px;">
						<span id="nickname" style="color: #303030; font-size: 16px;">苏小妹</span>
					</div>
				</div>
				<div style="margin-top: -35px; float: right; margin-right: 20px;">
					<a id="zjTel"><img src="../../img/hall/dianhua_03.png" style="height: 50px; width: 50px;" /></a>
					&nbsp;&nbsp;&nbsp;
					<a><img id="dv-szzx" src="../../img/hall/xinxi_03.png" style="height: 50px; width: 50px;" /></a>
				</div>
			</div>
			<div style="margin-top: 20px;">
				<hr style="height: 2px; width: 100%; background-color: white;" />
			</div>
			
			<div id="dv-zj-detail-center" style="width: 100%; color: #646464; font-size: 16px;">
				<ul>
					<li class="mui-table-view-cell" style="">
						<span id="spZjName"></span>
					</li>
					<li class="mui-table-view-cell" style="">
						<span id="spZjCertificate"></span>
					</li>
					<li class="mui-table-view-cell" style="">
						<span id="spZjSpeciality" style="line-height: 130%;"></span>
					</li>
					<li class="mui-table-view-cell" style="">
						<span id="spZjZxnum"></span>
					</li>
					<li class="mui-table-view-cell" style="">
						<div id="spZjDesc"></div>
						<!--<a>
						
						<img style="float: right; margin-right: 40px;" src="../../img/hall/xiangyou_03.png" /></a>--><br />
					</li>
				</ul>
			</div>

			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-08
            	描述：相关推荐
            -->

			<!--<div style="height: 50px;">
				<br />
				<span style="font-size: 23px; color: #646464;">相关推荐：</span>

			</div>
			<div style="background-color: white;">
				<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
					<li class="mui-table-view-cell">
						<div class="mui-table" style="display: flex;">
							<div class="mui-table-cell mui-col-xs-2 mui-text-left">
								<img id="imgzjIcon" src="../../img/hall/bajie.png" height="110" width="110" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;" />
							</div>
							<div class="mui-table-cell mui-col-xs-10">
								<h3 class="mui-ellipsis" style="color: #646464;">信息化推进办公室张彦合同付款信息化</h3><br /><br />
								<p class="mui-h6 mui-ellipsis" style="font-size: 24px;">作者：唐豆豆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 阅读量：111
								</p>
							</div>
						</div>
					</li>

					<li class="mui-table-view-cell">
						<div class="mui-table">
							<div class="mui-table" style="display: flex;">
								<div class="mui-table-cell mui-col-xs-2 mui-text-left">
									<img src="../../img/hall/bajie.png" height="110" width="110" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;" />
								</div>
								<div class="mui-table-cell mui-col-xs-10">
									<h3 class="mui-ellipsis" style="color: #646464;">信息化推进办公室张彦合同付款信息化</h3><br /><br />
									<p class="mui-h6 mui-ellipsis" style="font-size: 24px;">作者：唐豆豆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 阅读量：111
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-table">
							<div class="mui-table" style="display: flex;">
								<div class="mui-table-cell mui-col-xs-2 mui-text-left">
									<img src="../../img/hall/bajie.png" height="110" width="110" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;" />
								</div>
								<div class="mui-table-cell mui-col-xs-10">
									<h3 class="mui-ellipsis" style="color: #646464;">信息化推进办公室张彦合同付款信息化</h3><br /><br />
									<p class="mui-h6 mui-ellipsis" style="font-size: 24px;">作者：唐豆豆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 阅读量：111
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-table">
							<div class="mui-table" style="display: flex;">
								<div class="mui-table-cell mui-col-xs-2 mui-text-left">
									<img src="../../img/hall/bajie.png" height="110" width="110" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;" />
								</div>
								<div class="mui-table-cell mui-col-xs-10">
									<h3 class="mui-ellipsis" style="color: #646464;">信息化推进办公室张彦合同付款信息化</h3><br /><br />
									<p class="mui-h6 mui-ellipsis" style="font-size: 24px;">作者：唐豆豆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 阅读量：111
									</p>
								</div>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-table">
							<div class="mui-table" style="display: flex;">
								<div class="mui-table-cell mui-col-xs-2 mui-text-left">
									<img src="../../img/hall/bajie.png" height="110" width="110" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;" />
								</div>
								<div class="mui-table-cell mui-col-xs-10">
									<h3 class="mui-ellipsis" style="color: #646464;">信息化推进办公室张彦合同付款信息化</h3><br /><br />
									<p class="mui-h6 mui-ellipsis" style="font-size: 24px;">作者：唐豆豆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 阅读量：111
									</p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>-->
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/utils/http.utils.js"></script>
	<script src="../../js/bus/pubfun.js"></script>
	<script>
		var $zjuid = getQueryString(window.location.search, "zjuid");
		//fun_getUrlForParams(window.location.href, "zjuid");
		var $zjName;
		mui.ready(function(){
			mui.ajax({
				url : $request_url.getConsultantDetail,
				type : "get",
				dataType : "json",
				headers: {
					"Authorization": $headers_authorization
				},
				data : {
					userId : $zjuid
				},
				success : function(dat){
					if(dat.code == 0){
						$zjName = dat.result.trueName;
						document.title = dat.result.trueName + "的咨询室";
						console.log(dat.result.faceImage);
						document.getElementById("nickname").innerHTML = dat.result.nickName;
						document.getElementById("imgzjIcon").src = dat.result.faceImage;
						document.getElementById("zjTel").href = "tel://" + dat.result.mobile;
						document.getElementById("spZjName").innerHTML = "姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：" + dat.result.trueName;
						document.getElementById("spZjCertificate").innerHTML = "资格证书：" + dat.result.certificate;
						document.getElementById("spZjSpeciality").innerHTML = "擅长方向：" + dat.result.speciality;
						document.getElementById("spZjZxnum").innerHTML = "咨询人次："+ dat.result.consultPersonNum +"人";
						document.getElementById("spZjDesc").innerHTML = "个人介绍：<br/><div style='line-height:130%; font-size:18px;'>" + dat.result.description + "</div>";
					} else {
						mui.toast(dat.message);
					}
				}, error : function(err){
					mui.toast("获取专家信息失败...");
				}
			});
		});
		
		document.getElementById("dv-szzx").addEventListener("tap", function(){
			mui.openWindow({
				url : "adv-sxzx.html?zjuid=" + $zjuid + "&zjname=" + $zjName,
				extras : {
					zjuid : $zjuid,
					zjname : $zjName
				},
				show:{
			      autoShow:false
			    }
			});
		});
	</script>

</html>